<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="<{$BASE_URL}>style/admin/jquery.js" type="text/javascript"></script>
<script src="<{$BASE_URL}>style/admin/jquery-1.2.6.min.js"
	type="text/javascript"></script>
<script src="<{$BASE_URL}>style/admin/flexigrid.js"
	type="text/javascript"></script>
<script src="<{$BASE_URL}>style/admin/flexigrid.pack.js"
	type="text/javascript"></script>

<link href="<{$BASE_URL}>style/admin/reset.css" rel="stylesheet"
	type="text/css" />
<link href="<{$BASE_URL}>style/admin/Public.css" rel="stylesheet"
	type="text/css" />
<link href="<{$BASE_URL}>style/admin/admin.css" rel="stylesheet"
	type="text/css" />
<link href="<{$BASE_URL}>style/admin/flexigrid.css" rel="stylesheet"
	type="text/css" />
<link href="<{$BASE_URL}>style/admin/flexigrid.pack.css"
	rel="stylesheet" type="text/css" />

</head>

<body style="background: #fff" onResize="Remind_box()"
	onload="Remind_box()">

	<script>
	function Remind_box(){
		document.getElementById('Remind_box').style.marginTop = (document.documentElement.clientHeight - 72)/2 + 'px';
		var frmBody = parent.document.getElementById('frame-body');
		if(frmBody.cols=='200,10,*'){
			document.getElementById('Remind_box').style.marginLeft = '-150px';
		}
		else{
			document.getElementById('Remind_box').style.marginLeft = '-100px';
		}
	}
</script>
	<script>
	function versionMan(com,grid){
		if(com == "添加"){
			type = "insert";
			//mask(); 给弹出的div加入遮罩效果
			//_initVal();初始化弹出div的函数调用，这里均可自定义
			$("#edit_versionDiv").css("top",(document.documentElement.scrollTop+260)+"px").show();
		}
		else if(com == "删除"){
			if($('.trSelected',grid).length==0){
				alert("请先选中要删除的版本");return false;
			}
			if(confirm('删除 ' + $('.trSelected',grid).length + '?')){
				var versionArr=$(".trSelected td:eq(2) div:first-child",grid);
				var versionStr = new Array();
				for(var i=0; i<versionArr.length;i++){
					versionStr.push($(versionArr[i]).text());
				}
				$.ajax({
					type: "POST",
					url:  "del_version.php",
					data: "ids="+versionStr.join(","),
					success: function(msg){
						if(msg=="success"){
							$("#version_man").flexReload({});
						}
						else alert("有错误发生");
					},
					error: function(msg){
						alert(msg);
					}
				});
			}
		}
	};



	function updateState(id){
	//最后
		$("#"+id+" tr td:last-child div:first-child").each(function(){
			var op = $(this).text();
			if(op == "无操作")return;
			else{
				var ids = $(this).parents("tr:first").children("td:first").children("div:first").text();//假定第一行的值为记录的id
				var newStateVal = $("span:first",this).attr('lang');
				$.ajax({
					url:"update_msgState.php",
					type:"POST",
					dataType:"text/html",
					data:"ids="+ids+"&ps="+newStateVal,
					success:function(data){
						if(data == "success"){
							//reloadGrids(id); 自定义执行成功后的函数调用，可以重新调用flexigrid或者做其他操作
						}
						else{
							alert("执行过程遇到错误");
						}
					},
					error:function(msg){
						alert(msg);
					}
				});
			}
		});
	};



</script>
	<script type="text/javascript">
	$("document").ready(function(){
		 $('#flexme1').flexigrid({
			
			buttons:[
                {name: '添加', bclass: 'add', onpress : versionMan},
                {name: '删除', bclass: 'delete', onpress : versionMan},
                {separator: true}
			],

			 colModel:[
				{ display: '序号', name: 'iso', width: 40, sortable: true, align: 'center' },
				{ display: '商品名称', name: 'name1', width: 180, sortable: true, align: 'left' },
				{ display: '商品型号', name: 'name2', width: 180, sortable: true, align: 'left' },
				{ display: '价格', name: 'name3', width: 180, sortable: true, align: 'left' },
				{ display: '热销排序', name: 'name4', width: 180, sortable: true, align: 'left' },
				{ display: '库存', name: 'name5', width: 180, sortable: true, align: 'left' },
		        { display: 'ISO3', name: 'iso3', width: 130, sortable: true, align: 'left', hide: true },
				{ display: '操作', name: 'numcode', width: 80, sortable: true, align: 'center' }
			 ]
		  });
		  $('#flexme2').flexigrid({
		  	  colModel: [
			 	 { display: '号码', name: 'iso', width: 40, sortable: true, align: 'center' },
				 { display: '名称', name: 'name', width: 180, sortable: true, align: 'left' },
				 { display: 'Printable Name', name: 'printable_name', width: 120, sortable: true, align: 'left' },
				 { display: 'ISO3', name: 'iso3', width: 130, sortable: true, align: 'left' },
				 { display: 'ISO4', name: 'iso3', width: 130, sortable: true, align: 'left' },
				 { display: 'Number Code', name: 'numcode', width: 80, sortable: true, align: 'left' },
				 { display: 'ISO3', name: 'iso3', width: 130, sortable: true, align: 'left', hide: true },
				 { display: 'Number Code', name: 'numcode', width: 80, sortable: true, align: 'left' }
				  ],
				   searchitems: [
				   { display: 'ISO', name: 'iso' },
				   { display: 'Name', name: 'name', isdefault: true }
				   ],
				  sortname: "iso",
				  sortorder: "asc",
				   title: "我的测试效果",
				   usepager: true, showTableToggleBtn: true, rp: 10
		   });
		   
	});
</script>


	<div class="Remind" id="Remind_box">
		<table width="200" border="1">
			<tr>
				<td><img src="images/icon1.png" align="absmiddle" /></td>
				<td class="Pad_10">提交订单成功!</td>
			</tr>
		</table>
	</div>


	<div>
		<div class="right_title">
			<div class="right_tag1"></div>
			<div class="right_tag2">商品列表</div>
			<div class="right_tag3"></div>
		</div>


		<div class="right_text Pad_0 o-hidden">
			<div class="Pad_10 FL">
				<select name="select" id="select">
					<option>所有分类</option>
				</select> <select name="select2" id="select2">
					<option>所有品牌</option>
				</select> <select name="select3" id="select3">
					<option>全部</option>
				</select> <select name="select4" id="select4">
					<option>全部</option>
				</select> <select name="select5" id="select5">
					<option>全部</option>
				</select> 关键字 <input type="text" name="textfield" id="textfield" /> <input
					type="submit" name="button" id="button" value="提交"
					class="btn_style" />
			</div>
			<div class="shopping_list_btn clear_none">
				<a href="#">商品列表</a>
			</div>
			<div class="clear"></div>

			<div class="clear"></div>
		</div>

		<div class="right_box  Pad_10">
			<table id="flexme1">
				<tr>
					<td><input type="checkbox" name="checkbox" id="checkbox" /> 1</td>
					<td><span title="点击修改内容"
						onclick="listTable.edit(this, 'edit_goods_name', 32)">诺基亚N85</span></td>
					<td><span title="点击修改内容"
						onclick="listTable.edit(this, 'edit_goods_sn', 32)">ECS000032</span></td>
					<td><span title="点击修改内容"
						onclick="listTable.edit(this, 'edit_goods_sn', 32)">3000</span></td>
					<td>100</td>
					<td>4</td>
					<td>示例文字</td>
					<td><a href="#">编辑</a> <a href="#">删除</a></td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>123</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
			</table>
			<br /> <br /> <br />
			<table id="flexme2">
				<tr>
					<td>34</td>
					<td>3434</td>
					<td>示例文字</td>
					<td>123</td>
					<td>示例文字</td>
					<td>345</td>
					<td>示例文字示例文字</td>
					<td>示例文字</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
			</table>






		</div>

	</div>
</body>
</html>
